<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>抽奖</title>

<link href="css/style.css" rel="stylesheet" type="text/css">

<script type="text/javascript" src="js/jquery-1.10.2.js"></script>
<script type="text/javascript" src="js/awardRotate.js"></script>
<script type="text/javascript" src="js/canvas.js"></script>
<script type="text/javascript">//点击抽奖发送请求判断登录与否
	var xmlHttp;

	function createXMLHttpRequest() {	
		if (window.ActiveXObject) {
			xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");
		} 
		else if (window.XMLHttpRequest) {
			xmlHttp = new XMLHttpRequest();
		}
	}

	function startRequest() {
		createXMLHttpRequest();
		xmlHttp.onreadystatechange = handleStateChange;
		xmlHttp.open("GET", "url", true);
		xmlHttp.send(null);
	}

	function handleStateChange() {
		if(xmlHttp.readyState == 4&&xmlHttp.status == 200) {
				
			if(xmlHttp.responseText==""){
				alert("你没有登录,请登录!");
			}else{

			}
		}
	}
</script>
<script type="text/javascript">//自动刷新marquee滚动
	var g_intervalId=window.setInterval(
		function(){
		saveUserInfo();	
		},1000);
	function saveUserInfo()  
	{  
    	//获取接受返回信息层  
    	var cdown = document.getElementById("cdown");  
		//alert(cdown);
  
    	//接收表单的URL地址  
  
    	var ajax = false;  
    	//开始初始化XMLHttpRequest对象  
    	if(window.XMLHttpRequest)   
    	{   //Mozilla 浏览器  
        	ajax = new XMLHttpRequest();  
        	if (ajax.overrideMimeType)   
        	{   //设置MiME类别  
        	    ajax.overrideMimeType("text/xml");  
       		 }  
    	}  
    		else if (window.ActiveXObject)   
    	{   // IE浏览器  
        	try   
        	{  
           	 ajax = new ActiveXObject("Msxml2.XMLHTTP");  
        	}   
        	catch (e)   
    	    {  
            	try   
	            {  
	                ajax = new ActiveXObject("Microsoft.XMLHTTP");  
	            }   
	            catch (e) {}  
        	}  
   		 }  
    	if (!ajax)   
	    {   // 异常，创建对象实例失败  
	        window.alert("不能创建XMLHttpRequest对象实例.");  
	        return false;  
	    }  
                  
	    //通过Post方式打开连接  
	    ajax.open("GET", "url", true);  
	  
	    //定义传输的文件HTTP头信息  
	    //ajax.setRequestHeader("Content-Type","application/x-www-form-urlencoded");  
	    
		ajax.setRequestHeader("If-Modified-Since","0");  
	    //发送POST数据  
	    ajax.send(null);  
	  
	    //获取执行状态  
	    ajax.onreadystatechange = function()   
	    {   
	        //如果执行状态成功，那么就把返回信息写到指定的层里  
	        if (ajax.readyState == 4 && ajax.status == 200)   
	        {   
	            cdown.innerHTML = ajax.responseText;   
	        }   
	    }   
	}  
	window.clearInterval(g_intervalId);  
</script>
</head>
<body>
	<div class="zp_part1">
		<div class="title1">
			<img src="images/title.png"/>
		</div>
	    <img src="images/1.png" id="zuan-img" style="display:none;" />
	    <img src="images/2.png" id="sorry-img" style="display:none;" />
	    <img src="images/3.png" id="huafei-img" style="display:none;" />
	    <img src="images/4.png" id="qb-img" style="display:none;" />
		<div class="banner">
			<div class="turnplate" style="background-image:url(images/turnplate-bg.png);background-size:100% 100%;">
				<canvas class="item" id="wheelcanvas" width="422px" height="422px"></canvas>
				<img class="pointer" onclick="javascript:startRequest();" src="images/turnplate-pointer.png"/>
			</div>
		</div>
		<div class="dizuo">
			<img src="images/dizuo.png"/>
		</div>
	</div>

	<div class="zp_part2">
		<div class="arrow1">
		</div>
		<div class="title2">
			<img src="images/title2.png"/>
		</div>
		
		<div class="part">
			<div id="demo" style="overflow:hidden;">
				<marquee behavior="scroll" direction="up" height="400px"  id="cdown">	  
					<p>我改单方向向上循环滚动</p>
					<p>我改单方向向上循环滚动</p>
					<p>我改单方向向上循环滚动</p>
					<p>我改单方向向上循环滚动</p>
					<p>我改单方向向上循环滚动</p>
					<p>我改单方向向上循环滚动</p>
					<p>我改单方向向上循环滚动</p>
					<p>我改单方向向上循环滚动</p>
					<p>我改单方向向上循环滚动</p>
					<p>我改单方向向上循环滚动</p>
				</marquee>
			</div>
		</div>
	</div>






	<div class="zp_part3">
		<div class="arrow2">
		</div>
		<div class="title3">
			<img src="images/title3.png"/>
		</div>
		<div class="zp_info">
			<ul>
				<li>1.用户在活动期间，每人拥有一次抽奖机会；</li>
			<li>2.抽中iPhone 6/Apple Watch/小米手环等实物奖品，需填写个人联系方式，客服会在3天之内与您联系并告知实物兑换流程；</li>
			<li>3.抽中红包或体验金等虚拟奖品，系统会在24小时内将奖品打入用户的财神爷爷个人账户（需注册）；</li><li>
			4. 红包获奖用户可在账户页面直接提现至个人银行卡，获得体验金的用户可享受财神爷爷年化8.88％的活期高收益，并将所获收益提现至个人银行卡。(体验金的体验周期为七天，到期体验金将被收回)；</li>
			<li>5.中奖用户需在七日内领取奖品，逾期则视为放弃；</li>
			<li>6.在法律允许的范围内，最终解释权归财神爷爷所有；</li>
		</ul>
		</div>
	</div>
		
</body>
</html>